<template>

	<div>
		<h3>{{data.dynamic_title}}</h3>
		{{data.dynamic_info}}
		<img :src="data.img_url" style="width: 100%;"/>
	</div>
</template>

<script>
	import axios from "axios"
	export default {
		data: function() {
			return {
				did: this.$props.id,
				data: {}
			}
		},
		props: ['id'],
		methods: {
			getDynamicInfo() {

				axios.get('/test/dynamic/readmore', {
						params: {
							id: this.did
						}
					})
					.then(
						/* function(response) {
												console.log("sdfsdfsdf",response)
												 this.img_url=response.data[0].img_url
												console.log(response.data[0].img_url) */
						(data) => {
							this.data = data.data[0];
						})
					.catch(function(error) {
						console.log(error);
					})
			}

		},
		created() {
			this.getDynamicInfo()

		}
	}
</script>


<style>
</style>
